<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>珞珈梧桐</title>
    <script src="./js/vue.js"></script>
    <script src="./js/vue-i18n.js"></script>
    <link rel="shortcut icon" href="./img/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="./css/normalize.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/approach.css">
    <script src="./js/index.js"></script>
</head>
<script>
    try {
        if (/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {
            window.location.href = "./m/index.html";
        }
    } catch (e) { }
</script>

<body>
    <div id="root">
        <!-- 顶部 -->
        <div class="header-wrap">
            <div class="header">
                <a href="./" class="logo-wrap">
                    <h1>珞珈梧桐</h1>
                    <img src="./img/logo.png" alt="湖北珞珈梧桐创业投资有限公司" title="湖北珞珈梧桐创业投资有限公司">
                </a>
                <div class="nav-wrap">
                    <ul>
                        <li>
                            <a v-text='$t("nav.index")' href="index.html"></a>
                        </li>
                        <li v-if="!isEnglish">
                            <a v-text='$t("nav.culture")' href="culture.html"></a>
                        </li>
                        <li>
                            <a v-text='$t("nav.founders")' href="founders.html"></a>
                        </li>
                        <li>
                            <a v-text='$t("nav.team")' href="team.html"></a>
                        </li>
                        <li class="cur">
                            <a v-text='$t("nav.approach")' href="javascript:void(0);"></a>
                        </li>
                        <li>
                            <a v-text='$t("nav.contact")' href="contact.html"></a>
                        </li>
                        <li class="sendBook" :class="{'enSendBook':isEnglish}">
                            <a v-text='$t("nav.sendBook")' href="mailto:bp@luojiacapital.com" target="_blank"></a>
                        </li>
                        <li v-text='$t("nav.lang")' @click="changeLan" class="changeLan"></li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- 主体 -->
        <div class="content-wrap">
            <div class="content" :class="{'isEnglish' : isEnglish}">
                <div class="top-wrap">
                    <div class="img-wrap" v-if="!isEnglish">
                        <img src="./img/approach-page-img.png" alt="">
                    </div>
                    <div class="icon-wrap">
                        <div v-for="(item,index) of $t('page_approach.iconList')" :key="index">
                            <img :src="item.iconImg" alt="">
                            <p v-html="item.iconName"></p>
                        </div>
                    </div>
                </div>
                <div class="bottom-wrap">
                    <p class="text-wrap" v-html="$t('page_approach.text')"></p>
                    <div class="item-wrap">
                        <div v-for="(item,index) of $t('page_approach.itemList')" :key="index">
                            <img :src="item.itemImg" alt="">
                            <p v-html="item.itemName"></p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 底部 -->
        <div class="footer-wrap">
            <div class="footer">
                <div class="friend-link">
                    <div>
                        <p v-text='$t("footer.link")'></p>
                    </div>
                    <div>
                        <a v-text='$t("footer.link_a")' href="http://www.amac.org.cn/"></a>
                        <a v-text='$t("footer.link_b")' href="http://www.hbvca.com/"></a>
                    </div>
                    <div>
                        <a v-text='$t("footer.link_c")' href="http://alumni.whu.edu.cn/"></a>
                        <a v-text='$t("footer.link_d")' href="http://edf.whu.edu.cn/"></a>
                    </div>
                </div>
                <div class="copy-right">
                    <p v-text='$t("footer.copy_right")'></p>
                </div>
            </div>
        </div>
    </div>
    <script>
    </script>
</body>

</html>